<template>
  <div id="app">
    <template v-if="$route.path.startsWith('/userLogin')||$route.path.startsWith('/userRegister')">
      <router-view/>
    </template>
    <template v-else>
      <BasicLayout />
    </template>
  </div>
</template>

<script>
import BasicLayout from './layout/BasicLayout.vue'
import routes from './router/routes'

export default {
  name: 'App',
  components: {
    BasicLayout
  },
  data() {
    return {
      routes: routes
    };
  }
}


// 解决ERROR ResizeObserver loop completed with undelivered notifications.

//问题的

const debounce = (fn, delay) => {
  let timer = null;

  return function () {
    let context = this;

    let args = arguments;

    clearTimeout(timer);

    timer = setTimeout(function () {
      fn.apply(context, args);
    }, delay);
  };
};

// 解决ERROR ResizeObserver loop completed with undelivered notifications.

const _ResizeObserver = window.ResizeObserver;

window.ResizeObserver = class ResizeObserver extends _ResizeObserver {
  constructor(callback) {
    callback = debounce(callback, 16);

    super(callback);
  }
};


</script>

<style scoped>
</style>